@extends('layout.index')
@section('titlt','用户列表')
@section('content')
    @if(session('success'))
    <div class="alert alert-danger alert-dismissable">
        <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
 <a class="alert-link" href="#"></a>
  {{session('success')}}
    </div>
    @endif
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">用户添加</h1>
    </div>
    <!-- /.col-lg-12 -->
</div>

<div class="col-lg-12">
    <div class="panel panel-default">
    <div class="panel-heading">
        DataTables Advanced Tables
    </div>
    <!-- /.panel-heading -->
    <div class="panel-body">
        <div class="dataTable_wrapper">
            <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
            <form action="{{url('/admin/user/index')}}" method="get">
            <div class="row">
            <div class="col-sm-6">
            <div class="dataTables_length" id="dataTables-example_length">
            <label>显示 
            <select name="num" aria-controls="dataTables-example" class="form-control input-sm">
            <option value="10"
            @if(!empty($request['num']) && $request['num'] == 10)
                selected
            @endif
            >10</option>
            <option value="25"
            @if(!empty($request['num']) && $request['num'] == 25)
                selected
            @endif
            >25</option>
            <option value="50"
             @if(!empty($request['num']) && $request['num'] == 50)
                selected
            @endif
            >50</option>
            <option value="100"
             @if(!empty($request['num']) && $request['num'] == 100)
                selected
            @endif
            >100</option>
            </select> 条
            </label>
            </div>
            </div><div class="col-sm-6">
            <div id="dataTables-example_filter" class="dataTables_filter">
            <label>
            关键字:<input
            @if(!empty($request['keywords']))
            {{request['keywords']}}
            @endif
            name="keywords" type="search" class="form-control input-sm" placeholder="" aria-controls="dataTables-example">

            <button class="btn btn-primary">搜索</button>
            </label>
            </div>
            </div>
            </form>
            </div>
            <div class="row">
            <div class="col-sm-12">
            <table id="dataTables-example" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid" aria-describedby="dataTables-example_info">
                <thead>
                    <tr role="row">
                    <th class="sorting_asc" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 221.883px;" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">id</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 260.883px;" aria-label="Browser: activate to sort column ascending">用户名</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 243.883px;" aria-label="Platform(s): activate to sort column ascending">邮箱</th>
                     <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 187.883px;" aria-label="Engine version: activate to sort column ascending">状态</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 187.883px;" aria-label="Engine version: activate to sort column ascending">头像</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 144px;" aria-label="CSS grade: activate to sort column ascending">操作</th>
                    </tr>
                </thead>
                <tbody>
                <!--  <-->  
                    @foreach($users as $k=>$v)
                    <tr class="gradeA odd" role="row">
                        <td class="sorting_1 sid">{{$v->id}}</td>
                        <td>{{$v->username}}</td>
                        <td>{{$v->email}}</td>
                        <td class="center">{{$v->status}}</td>
                        <td class="center"><img width="50px" src="{{$v->pic}}" alt=""></td>
                        <td class="center">
<button type="button" class="btn btn-warning btn-circle btn_delete"><i class="fa fa-times"></i></button>
<a href="/admin/user/edit?id={{$v->id}}" class="btn btn-primary btn-circle"><i class="fa fa-list"></i></a></button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            </div>
            </div>
            <div class="row"><div class="col-sm-6">

            <div class="dataTables_info" id="dataTables-example_info" role="status" aria-live="polite">
                 {!! $users->appends($request)->render() !!}
            </div>
      
            </div>


           
            </div>
                        <!-- /.table-responsive -->
                    
                </div>
            </div>
            <!-- /.panel-body -->
        </div>
            <!-- /.panel -->
    </div>
@endsection
@section('myjs')
    <script type="text/javascript">
  //获取删除按钮  绑定单击事件
    $('.btn_delete').click(function(){
       var id = $(this).parents('tr').find('.sid').html();
       var btn = $(this);

       $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content')
                    
                    }
       })
       //发送ajax post请求
       $.get('{{url("/admin/user/ajaxdelete")}}',{id:id},function(data){
            if(data == 1){
                // $(this).parents('tr').remove();
                 btn.parents('tr').remove();
            }
       });
       
    })
    </script>
@endsection